<header id="header" class="wrapper">
    <div class="header-content ">
        <div class="banyundog-com">
            <div class="header-logo">
                <h1 class="slogan">IkanTv</h1>
                <div class="fixed-logo">
                    <a href="/" class="logo" title="免费短视频分享大全 - 免费视频"><img
                            src="/template/mxone/mxstatic/picture/logo.png" alt="免费短视频分享大全 - 免费视频"></a>
                </div>
            </div>
        </div>
        <style></style>


        <div class="nav-search">
            <form action="/index.php/vod/search.html" class="search-dh">

                <div class="search-box">
                    <input class="search-input ac_wd txtKeywords" type="text" name="wd" autocomplete="off" placeholder="搜索电影、电视剧、综艺、动漫">
                    <div class="search-drop">
                        <div class="drop-content-items ac_hot none">
                            <div class="list-item list-item-title"><strong>大家都在搜这些影片</strong></div>
                            <div class="search-tag">
                                {maccms:foreach name=":explode(',',$maccms.search_hot)" id="vo2" key="key2"}
                                <a href="{:mac_url('vod/search',['wd'=>$vo2])}"
                                    class="hot "><i class="icon-hot"></i>{$vo2}</a>
                                {/maccms:foreach}
                            </div>
                        </div>
                    </div>
                    <a href="/index.php/label/top.html" class="search-btn search-cupfox" id="search-cupfox"
                        title="免费短视频分享大全 - 免费视频排行榜"><i class="iconfont icon-paihangbang1 phb phb phb"></i></a>
                    <button class="search-btn search-go" type="submit"><i class="icon-search"></i></button>
                    <button class="cancel-btn" type="button">取消</button>
                </div>



            </form>
        </div>

        <div class="nav">
            {include file="public/head"}
        </div>
        <div class="pc">
            <ul class="nav-menu-items">
                <li class="space-line-bold"></li>
                <li class="nav-menu-item drop ">
                    <span class="nav-menu-icon">
                        <i class="icon-all"></i>
                    </span>
                    <div class="drop-content sub-block subw500">
                        <div class="drop-content-box grid-box">
                            <ul class="drop-content-items grid-items">

                                {maccms:type ids="1,2,3,4" order="asc" by="sort" id="vo1" key="key1"}
                                <li class="grid-item">
                                    <a href="{:mac_url_type($vo1)}" title="{$vo1.type_name}">
                                        <div class="grid-item-name">{$vo1.type_name}</div>
                                    </a>
                                </li>
                                {/maccms:type}
                            </ul>
                        </div>
                    </div>
                    <div class="shortcuts-mobile-overlay"></div>
                </li>
            </ul>
        </div>



        <div class="header-module">
            <ul class="nav-menu-items">
                <li class="nav-menu-item nav-menu-search"><i class="icon-search"></i></li>
                <li class="space-line-bold"></li>
                <li class="nav-menu-item drop"><span class="nav-menu-icon"><i class="icon-watch-history"></i></span>
                    <div class="drop-content drop-history">
                        <div class="drop-content-box">
                            <ul class="drop-content-items" id="history">
                                <li class="list-item list-item-title">
                                    <a href="" class="playlist historyclean"><i class="icon-clear"></i></a>
                                    <strong>我的观影记录</strong>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="shortcuts-mobile-overlay"></div>
                </li>
                <li class="space-line-bold"></li>





                <li class="nav-menu-item drop wapblock">
                    <span class="mac_user_center" title="会员中心"><i class="iconfont icon-yonghu-fuben"></i></span>
                    <!--a class="mac_user" href="javascript:;" title="会员中心"><i class="iconfont icon-yonghu-fuben"></i></a-->

                    <div class="drop-content drop-user">
                        <div class="drop-content-box">
                            <ul class="drop-content-items" id="drop-user">
                                <li class="list-item list-item-title">
                                    <div class="text-content">登录后可享受</div>
                                </li>
                                <li class="list-item text-alink"><i style="color:#03c8d4"
                                        class="icon-play"></i><span>尊享极清观影体验</span></li>
                                <li class="list-item text-alink"><i style="color:#03c8d4"
                                        class="icon-play"></i><span>同步多端播放记录</span></li>
                                <li class="list-item text-alink"><i style="color:#03c8d4"
                                        class="icon-play"></i><span>热播精彩及时追</span></li>
                                <li class="list-item button-area"><button class="mac_user"
                                        href="javascript:;">立即登录</button></li>
                            </ul>
                        </div>
                    </div>
            </ul>
        </div>
    </div>
</header>
<script>
    $(".nav-menu-search").click(function () {
        $(".nav-search").addClass("block");
    });

    $(document).scroll(function () {
        var H = $(document).scrollTop();
        if (H > 20) {
            $(".header-content").addClass("header-bg");
        } else {
            $(".header-content").removeClass("header-bg");
        }
        if (H > 80) {
            $(".header-content").addClass("header-bg");
            $(".search-dh").append($(".search-box"));
            $(".nav-menu-search").click(function () {
                $(".nav-search").addClass("block");
            });
        } else {
            $(".header-content").removeClass("header-bg");

            $(".search-main").append($(".search-box"));

        }
    });
</script>

<!-- 头部 -->